<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- iconfont.css -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 引入公共css -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./dist/css/equally.min.css">
    <!-- 引入个性css -->
    <link rel="stylesheet" href="./dist/css/landing.min.css">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col">
                    <i class="iconfont icon-gudingdianhua"></i>
                    <i class="phone">028-86261949</i>
                </div>
                <div class="col-md-auto">
                    <a href="./index.html" class="place"><span>首页</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="./landing.html" class="place"><span>登录</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="./ebroll.html" class="place"><span>快速注册</span></a>
                </div>
                <div class="col-md-auto">
                    <a href="#" class="place"><span>帮助</span></a>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <div class="intro">
            <div class="container">
                <div class="row">
                    <div class="col-sm-8 TheUserLogin">
                        <span><img src="./images/logo.png" alt=""></span>
                        <span>用户登录</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="myform">
            <div class="container UsersLogin ">用户登录</div>
            <form class="needs-validation container" novalidate>
                <div class="PleaseEnter">请输入用户名和密码</div>
                <div class="form-row">
                    <span><label for="validationCustom01" class="UserName">用户名</label></span>
                    <div class="col-md-6 mb-3">
                        <input type="text" class="form-control usernameinput" id="validationCustom01" required>
                        <div class="hint"></div>
                    </div>
                </div>
                <div class="form-row">
                    <span><label for="validationCustom02" class="password">密&#8195;码</label></span>
                    <div class="col-md-6 mb-3">
                        <input type="password" class="form-control pwdinput" id="validationCustom02" required> 
                        <div class="hint"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
                        <label class="form-check-label" for="invalidCheck">
                            同意条款和条件
                        </label>
                        <div class="invalid-feedback Mustagreeto">
                            提交前必须同意。
                        </div>
                    </div>
                </div>
                <div class="register">
                    <button class="btn btn-primary login" type="button">立即登录</button>
                    <span class="ebroll"><a href="./ebroll.html">新用户，马上注册</a></span>
                </div>
            </form>
        </div>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-8 message">
                    <p>专业Java培训、PHP培训、Android培训机构</p>
                    <p> 版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                    <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                    <p>电  话： 028-86261949 / 400-808-6840  邮箱： yuandaima@itsource.cn</p>
                    <span class="ForReference"><a href="#">蜀ICP备14030149号-1</a><a href="#">蜀公网安备510114990541</a></span>
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微博：</span>
                    <img src="images/tecent.png" alt="">
                    <img src="images/sina.png" alt="">
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微信：</span>
                    <img src="images/wx.jpg" alt="">
                </div>
            </div>
        </div>
    </footer>

    <!-- jq -->
    <script src="./lib/jquery/jquery.js"></script>
    <!-- 个性js -->
    <script src="./js/landing.js"></script>
    <!--  这里项目提交时改为min.js -->
    <!-- <script src=".//dist/js/landing.min.js"></script> -->
</body>

</html>